<template>
 <div :class="styles['send-card']">
   <h2 class="ato-title ato-mb-12">待回寄卡牌订单列表:</h2>
   <EnterStoreList :wms-status="5" @wmsHandle="wmsHandle"/>
   <el-drawer v-model="detail.open" :with-header="false" size="100%" destroy-on-close :show-close="false" :close-on-press-escape="false">
     <EnterStoreDetail
         disabled
         prop="sendCard"
         :trackingNo="detail.trackingNo"
         :orderNo="detail.orderNo"
         @close="detail.open = false"
     />
   </el-drawer>
 </div>
</template>

<script setup name="SendCard">
import {reactive} from 'vue'
import { EnterStoreList, EnterStoreDetail } from '@/components'

// 详情页
const detail = reactive({
  open: false,
  trackingNo: '',
  orderNo: ''
})


// 状态操作按钮
function wmsHandle ({trackingNo, orderNo}) {
  detail.open = true
  detail.trackingNo = trackingNo
  detail.orderNo = orderNo
}


</script>

<style lang="less" src="./index.less" module="styles"></style>
